<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录 | iBed-Server</title>
    <script src="/static/plugin/vue/vue.global.js"></script>
    <link rel="stylesheet" href="/static/css/login.css">
</head>
<body>
    <nav class="nav">
        <a href="/static/html/register.html" id="registerLink">注册账号</a>
    </nav>

    <div class="auth-container">
        <div class="auth-box">
            <h1 class="auth-title">用户登录</h1>
            
            <form id="loginForm">
                <div class="form-group">
                    <label class="form-label" for="username">用户名 / 邮箱</label>
                    <input 
                        type="text" 
                        id="username" 
                        class="form-input" 
                        placeholder="请输入用户名或邮箱"
                        required
                    >
                </div>

                <div class="form-group">
                    <label class="form-label" for="password">密码</label>
                    <input 
                        type="password" 
                        id="password" 
                        class="form-input" 
                        placeholder="请输入密码"
                        required
                        minlength="6"
                    >
                </div>

                <div class="remember-forgot">
                    <label class="checkbox-label">
                        <input type="checkbox" name="remember">
                        <span>记住登录状态</span>
                    </label>
                    <a href="/static/html/forgot-password.html" class="forgot-password">忘记密码？</a>
                </div>

                <button type="submit" class="submit-btn">立即登录</button>
            </form>

            <div class="auth-footer">
                <p>还没有账号？ <a href="/static/html/register.html" class="register-link">立即注册</a></p>
            </div>
        </div>
    </div>
</body>
</html>